<template>
  <div class="badge">
    <span class="num" >{{badge}}</span>
  </div>
</template>

<script>
export default {
  props: ["badge"]
};
</script>

<style lang="less" scoped>
.badge {
  span {
      font-size: 3vw;
      display: inline-block;
      background: #ff0000;
      color: #fff;
      border-radius: 50%;
      width: 4vw;
      height: 4vw;
      text-align: center;
      line-height: 4.5vw;
  }
}
</style>